﻿@model GestionSaludOcupacional.Portal.Base.ViewModels.IndividuoViewModel
<div class="row" style="margin-left: 0;">
    <div class="span3">
        @Html.LabelFor(model => model.NoIdentificacion)
        @Html.TextBoxFor(model => model.NoIdentificacion, new { @data_bind = "value: NoIdentificacion", @class = "input-medium" })
    </div>
    <div class="span7">
        @Html.LabelFor(model => model.TipoIdentificacion)
        <select id="TipoIdentification" class="span4" name="TipoIdentification" data-bind="options: TiposIdentificacion, optionsText: 'Value', optionsValue: 'Key', value: TipoIdentificacion">
            <option>Cedula de Ciudadania</option>
            <option>Passaporte</option>
        </select>
    </div>
</div>
<div class="row" style="margin-left: 0;">
    <div class="span3">
        @Html.LabelFor(model => model.Nombres)
        @Html.TextBoxFor(model => model.Nombres, new { @data_bind = "value: Nombres", @class = "input-medium" })
    </div>
    <div class="span7">
        <div class="control-group">
            <label for="PrimerApellido">
                Apellidos</label>
            <div class="controls">
                @Html.TextBoxFor(model => model.PrimerApellido, new { @data_bind = "value: PrimerApellido", @class = "input-medium" })
                @Html.TextBoxFor(model => model.SegundoApellido, new { @data_bind = "value: SegundoApellido", @class = "input-medium" })
            </div>
        </div>
    </div>
</div>
<div class="row" style="margin-left: 0;">
    <div class="span3">
        @Html.LabelFor(model => model.FechaNacimiento)
        @Html.TextBoxFor(model => model.FechaNacimiento, new { data_date_format = "mm/dd/yyyy", data_bind = "datepicker:FechaNacimiento", @class = "input-medium" })
    </div>
    <div class="span7">
        @Html.LabelFor(model => model.Genero)
        <select class="span4" data-bind="options: Generos, value: Genero, optionsCaption: 'Seleccionar'">
        </select>
    </div>
</div>
<div class="row" style="margin-left: 0;">
    <div class="span3">
        @Html.LabelFor(model => model.GrupoSanguineo)
        <select class="span8" data-bind="options: GrupoSanguineos, value: GrupoSanguineo, optionsCaption: 'Seleccionar'">
        </select>
    </div>
    <div class="span7">
    </div>
</div>
<div class="row" style="margin-left: 0;">
    <div class="alert alert-error" data-bind="visible: HaveErrors">
        <button class="close" type="button" data-bind="click: function () { HaveErrors(false); }">
            ×</button>
        <strong>Errores: </strong><span data-bind="html: Mensaje"></span>
    </div>
    <div class="form-actions">
        <div class="span7">
            <button class="btn btn-primary" data-bind="click: Save">
                Registar</button>
            <button class="btn">
                Cancelar</button>
        </div>
    </div>
</div>
<!--MODAL-->
<div id="modalsaved" class="modal hide fade">
    <div class="modal-header">
        <h3>Registro</h3>
    </div>
    <div data-bind="html: Mensaje" class="modal-body">
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal" aria-hidden="true">Close</a>
    </div>
</div>



<div data-bind="with: ExamenesVM">
    <div class="row" style="margin-left: 0;">
        <div class="span12">
            <h2>Historial Examenes</h2>
        </div>
    </div>
    <div class="row" style="margin-left: 0;" data-bind="if: Examenes().length">
        <div class="span12">
            @Html.Partial("Controles/ListaExamenes")
        </div>
    </div>
    <div class="row" style="margin-left: 0;" data-bind="ifnot:Examenes().length">
        <div class="span12">
          No existe examenes
        </div>
    </div>
</div>
